

<template>

  <el-menu mode="horizontal" background-color="#999999"
  text-color="#fff"   active-text-color="yellow"
  @select="sel">
    <el-menu-item index="1">1</el-menu-item>
    <el-menu-item index="2">2</el-menu-item>
    <el-menu-item index="3">3</el-menu-item>
    <el-menu-item index="4">4</el-menu-item>
    <el-menu-item index="5">5</el-menu-item>
    <el-menu-item index="6"></el-menu-item>
    <el-sub-menu index="7">
      <template #title>7</template>
      <el-menu-item index="7-1">6</el-menu-item>
      <el-menu-item index="7-2">6</el-menu-item>
      <el-menu-item index="7-3">6</el-menu-item>
    </el-sub-menu>

  </el-menu>

</template>

<script setup>
const sel = (index , indexPath)=>{
  console.log(index , indexPath);
}

</script>

<style scoped>

</style>